<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	<!--缓存设置-->
	<meta http-equiv="Expires" content="0" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Pragma" content="no-cache" />
	<!--强制让文档与设备的宽度保持1：1,文档最大的宽度比列是1.0（initial-scale初始刻度值和maximum-scale最大刻度值）,user-scalable定义是否可缩放（0为不缩放），使页面固定设备上面的大小-->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
	<!--网站开启对web app程序的支持-->
    <meta name="apple-mobile-web-app-capable" content="yes" />
	<!--在web app应用下状态条（屏幕顶部条）的颜色,默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<!--使设备浏览网页时对数字不启用电话功能（不同设备解释不同，itouch点击数字为存入联系人，iphone为拨打电话），忽略将页面中的数字识别为电话号码-->
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="adress=no" />
	<!--禁止链接高亮-->
    <meta name="msapplication-tap-highlight" content="no" />

    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="../css/loading.css" />
    <title>CSS3加载</title>
</head>
<body>
<!-- (※必须)页面整体框架，用以定义整个网页背景图案、颜色等 -->
<!-- 框架开始 -->
<div class="wrapper">

    <!-- (※必须)页面内容框架，设置页面内容的显示宽度、内容 -->
    <!-- 页面开始 -->
    <div class="page">
        <div class="spinner-1">
            <div class="rect1"></div>
            <div class="rect2"></div>
            <div class="rect3"></div>
            <div class="rect4"></div>
            <div class="rect5"></div>
        </div>

        <div class="spinner-2"></div>

        <div class="spinner-3">
            <div class="double-bounce1"></div>
            <div class="double-bounce2"></div>
        </div>

        <div class="spinner-4">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>

        <div class="spinner-5">
            <div class="spinner-container container1">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
            </div>
            <div class="spinner-container container2">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
            </div>
            <div class="spinner-container container3">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
            </div>
        </div>

        <div class="spinner-6"><i></i></div>

        <div class="spinner-7"><i></i></div>
    </div>
    <!-- 页面结束 -->

</div>
<!-- 框架结束 -->
</body>
</html>
